<template>
	<view class="content">
		<u-navbar :is-back="true" title="男士袜子" :background="background">
			<view class="slot-wrap">
				<!-- <u-search placeholder="请输入关键字" shape="round" v-model="keyword" :show-action="false"
				  :animation="false"  @custom="search" @search="search">
				</u-search> -->
				<!-- <view class="shaixuan">筛选</view> -->
			</view>
		</u-navbar>
		
		<view style="font-size: 40rpx;">
			<Shoplist></Shoplist>
			<Goodslist></Goodslist>
		</view>
	</view>
</template>
<script>
	import Shoplist from '../../components/common/Shoplist.vue'
	import Goodslist from '../../components/common/Goodslist.vue'
	export default{
		data(){
			return{
				keyword:"",
				background: {
					backgroundColor: '#fff',
				},
			}
		},
		components:{
			Shoplist,Goodslist
		},
		methods:{
			search(keyword){
				console.log(keyword);
			}
		}
	}
</script>

<style lang="scss" scoped>
	.content {
		// background-color: #eeeeee;
		padding-bottom: 40rpx;
	}
	.slot-wrap {
		display: flex;
		align-items: center;
		/* 如果您想让slot内容占满整个导航栏的宽度 */
		flex: 1;
		/* 如果您想让slot内容与导航栏左右有空隙 */
		/* padding: 0 30rpx; */
		.shaixuan{
			margin-left: 400rpx;
		}
	}
</style>
